<!--Generate by Kevin's CodeBuilder -->
<!--请注意！这里是页面片段，定义的标签ID，js变量不要与index.html列表页面重复-->
<!--如果是较复杂的页面，可以修改window的数据类型(dataType: iframe),然后将form.html改为完整的页面,实现iframe隔离，需要修改curdObj的访问方式为parent.curdObj-->
<div id="form_container" class="form_container">
		<!--利用隐藏的id标签区分是新增/编辑-->
		<input type="hidden" id="id" name="id" th:value="*{id}"/>
		<table class="form_table">
				<tr>
					<td class="label label30">[(${Lang.menu_pid})]</td>
					<td><input id="pid" name="pid" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_menuText})]</td>
					<td><input id="menuText" name="menuText" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_menuIconCss})]</td>
					<td><input id="menuIconCss" name="menuIconCss" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_isLeaf})]</td>
					<td><input id="isLeaf" name="isLeaf" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_isEnable})]</td>
					<td><input id="isEnable" name="isEnable" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_isVisible})]</td>
					<td><input id="isVisible" name="isVisible" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_controller})]</td>
					<td><input id="controller" name="controller" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_pageName})]</td>
					<td><input id="pageName" name="pageName" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_params})]</td>
					<td><input id="params" name="params" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_orderIndex})]</td>
					<td><input id="orderIndex" name="orderIndex" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_createUserId})]</td>
					<td><input id="createUserId" name="createUserId" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.menu_createTime})]</td>
					<td><input id="createTime" name="createTime" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="button_td" colspan="2">
						<button id="button_submit" class="common_button"><i class="fa fa-floppy-o"></i>[(${Lang.common_save})]</button>
						<button id="button_goback"  class="common_button"><i class="fa fa-mail-reply"></i>[(${Lang.common_goback})]</button>
					</td>
				</tr>
		</table>
</div>
<script type="application/javascript" th:inline="javascript">
		var $form,
			entityJson,
			vm,
			idValue;//用于区分新增,编辑
		$(function(){
			$form = $("#form_container");
			idValue = $form.find("#id").val();
			/**创建mvvm表单，将实体json绑定到表单**/
			if(idValue === ""){
				entityJson = $B.parseForm($form);
			}else{
				entityJson = [(${entityJson})];
			}
			vm = $B.bindForm($form, entityJson);/***将实体数据绑定为mvvm表单***/
			/**绑定事件**/
			$form.find("#button_goback").click(function(){
				curdObj.closeWindow();
			});
			$form.find("#button_submit").click(function(){
				//提交表单数据
				if(idValue === ""){
					curdObj.add(vm.getJson());
				}else{
					curdObj.update(vm.getJson());
				}
			});
		});
</script>
